.article-detail-drawer {
    :global {
        .ant-drawer-body {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
    }

    .article-detail-content {
        position: relative;
        flex: 1;

        .article-detail-content-item {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
        }
    }

    .hidden {
        opacity: 0;
        pointer-events: none;
    }
}

.article-detail {
    font-size: 16px;
    color: var(--ant-color-text-secondary);

    .article-detail-item {
        margin-bottom: 24px;
    }

    .article-detail-title {
        font-size: 16px;
    }

    .label {
        font-size: 18px;
        font-weight: 600;
        margin: 36px 0 16px;
        color: var(--ant-color-text);
    }

    .article-detail-abstract {

        .article-detail-abstract-content {

        }

        .article-detail-abstract-label {
            
        }
    }

    .article-detail-key-info {

        .article-detail-key-info-label {
            
        }
    }

    .article-detail-keyword {
        display: flex;
        flex-direction: column;

        .article-detail-keyword-label {
            font-size: 16px;
            font-weight: 600;
            margin-right: 16px;
        }

        .article-detail-keyword-tags {
            display: flex;
            font-size: 16px;
        }

        .article-detail-keyword-tag {
            color: var(--ant-color-primary-text);
            margin-right: 24px;
        }
    }

    .article-detail-labels {
        .article-detail-labels-tags {
            :global {
                .ant-tag {
                    color: var(--ant-color-primary-text);
                    border-color: var(--ant-color-primary-text);
                    border-radius: 50px;
                    font-size: 16px;
                    padding: 8px 12px;
                }
            }
        }
    }
}
